iT邦幫忙

2026 iThome 鐵人賽

DAY 5
0

JavaScript裡的資料類別除了前面演示過得文字、數字外,還有其他的型別,像是布林值(boolean)。

const title = "JavaScript";
const days = 30;
const isFinished = false;

string:字串,也就是被引號包住的文字。

number:數字,可以拿來進行各種運算。

boolean:布林值,只有 true 與 false。

透過 typeof 可以查看資料型別,例如 typeof title 會得到 string。另外還有 undefined、null、bigint 與 symbol等等。

const title = "JavaScript";
const days = 30;
const isFinished = false;
console.log(typeof(title));
console.log(typeof(days));
console.log(typeof(isFinished));

https://ithelp.ithome.com.tw/upload/images/20260919/20178696GMXvXLH8tI.png

接下來看一個挺常出現的情況:

const price = "120";
const quantity = "3";
console.log(price + quantity);

結果不是 123,而是 1203。因為現在兩邊都是字串,加號這時會把它們接起來。表單取得的數字通常也是字串,所以計算前可以使用 Number() 轉換。

const rawPrice = "120";
const rawQuantity = "3";

console.log("未轉換的 + 結果:", rawPrice + rawQuantity);
console.log("轉換後的 + 結果:", Number(rawPrice) + Number(rawQuantity));

https://ithelp.ithome.com.tw/upload/images/20260919/201786969BqBBst1s9.png

最後再試試 Number("")、true 與"30",觀察不同型別轉換後的結果。

const Boolean_turn = true;
const String_turn = "30";
console.log(Number(""));
console.log(Number(Boolean_turn));
console.log(Number(String_turn));

https://ithelp.ithome.com.tw/upload/images/20260919/20178696crUjlfrv14.png


上一篇
day4 運算子
下一篇
DAY6 變數
系列文
從頭開始的Javascript學習之旅9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言